@import '~@/styles/theme.less';

.admin {
  background-color: #fff;
  line-height: 1.57;
  padding: 24px;
  .list-container {
    padding: 24px;
    border: 1px solid #efefef;
    width: 800px;
    font-size: 16px;
  }
  .tree-container {
    width: 200px;
    .Tree {
      padding-bottom: 4px;
      .TreeNode-list {
        margin-left: 16px;
        margin-top: 4px;
      }
      .tree-content {
        display: flex;
        align-items: center;
        cursor: pointer;
        
      }
      .tree-name{
        .ellipsis-lines(1);
        padding: 0 8px;
        transition: all .3s;
        &:hover {
          background-color:#f5f5f5 ;
        }
      }
    }
    .add-btn {
      margin: 8px 0;
    }
    .tree-input-wrap {
      padding: 4px 0 0 12px;
    }
    .reName-input {
      border: 1px solid #efefef;
      appearance: none;
      outline: none;
      padding: 0 4px;
      width: 100%;
      &:focus {
        border-color: #efefef;
      }
    }
  }
}